<i18n>
{
  "en_US": {
    "subTitle": "Sorry, the page you visited does not exist.",
    "backHome": "Back Home"
  },
  "zh_CN": {
    "subTitle": "抱歉，您访问的页面不存在。",
    "backHome": "回到首页"
  },
  "zh_TW": {
    "subTitle": "抱歉，您訪問的頁面不存在。",
    "backHome": "回到首頁"
  }
}
</i18n>

<template>
  <div class="flex-center-center" style="height:100vh">
    <a-result :sub-title="$t('subTitle')" status="404" title="404">
      <template #extra>
        <nuxt-link to="/">
          <a-button type="primary">
            {{ $t('backHome') }}
          </a-button>
        </nuxt-link>
      </template>
    </a-result>
  </div>
</template>
